   <%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@  taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 判断是否登陆  -->
<%
String username = (String)session.getAttribute("LoginName");
if(username==null){
	response.sendRedirect("user_login.jsp");
}
%>
<div class="header">
	<nav class="navbar top-navbar navbar-expand-md navbar-light">
		<!-- Logo -->
		<div class="navbar-header">
			<a class="navbar-brand" href="${pageContext.request.contextPath}"> <!-- Logo icon --> <b>
					<img src="${pageContext.request.contextPath}/images1/logo.png" alt="homepage" class="dark-logo" />
			</b> <!--End Logo icon --> <!-- Logo text --> <span><img
					src="${pageContext.request.contextPath}/images1/logo-text.png" alt="homepage" class="dark-logo" /></span>
			</a>
		</div>
		<!-- End Logo -->
		<div class="navbar-collapse">
			<!-- toggle and nav items -->
			<ul class="navbar-nav mr-auto mt-md-0">
				<!-- This is  -->
				<li class="nav-item"><a
					class="nav-link nav-toggler hidden-md-up text-muted  "
					href="javascript:void(0)"><i class="mdi mdi-menu"></i></a></li>
				<li class="nav-item m-l-10"><a
					class="nav-link sidebartoggler hidden-sm-down text-muted  "
					href="javascript:void(0)"><i class="ti-menu"></i></a></li>
				<li class="nav-item dropdown mega-dropdown"><a
					class="nav-link dropdown-toggle text-muted  " href="#"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
						class="fa fa-th-large"></i></a>
					<div class="dropdown-menu animated zoomIn">
						<ul class="mega-dropdown-menu row">


							<li class="col-lg-3  m-b-30">
								<h4 class="m-b-20">CONTACT US</h4> <!-- Contact -->
								<form>
									<div class="form-group">
										<input type="text" class="form-control" id="exampleInputname1"
											placeholder="Enter Name">
									</div>
									<div class="form-group">
										<input type="email" class="form-control"
											placeholder="Enter email">
									</div>
									<div class="form-group">
										<textarea class="form-control" id="exampleTextarea" rows="3"
											placeholder="Message"></textarea>
									</div>
									<button type="submit" class="btn btn-info">Submit</button>
								</form>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
						</ul>
					</div></li>
				<div class="dropdown-menu animated zoomIn">
					<ul class="mega-dropdown-menu row">

					</ul>
					<div class="dropdown-menu animated zoomIn show">
						<ul class="mega-dropdown-menu row">

							<li class="col-lg-3  m-b-30">
								<h4 class="m-b-20">CONTACT US</h4> <!-- Contact -->
								<form>
									<div class="form-group">
										<input type="text" class="form-control" id="exampleInputname1"
											placeholder="Enter Name">
									</div>
									<div class="form-group">
										<input type="email" class="form-control"
											placeholder="Enter email">
									</div>
									<div class="form-group">
										<textarea class="form-control" id="exampleTextarea" rows="3"
											placeholder="Message"></textarea>
									</div>
									<button type="submit" class="btn btn-info">Submit</button>
								</form>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
							<li class="col-lg-3 col-xlg-3 m-b-30">
								<h4 class="m-b-20">List style</h4> <!-- List style -->
								<ul class="list-style-none">
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
									<li><a href="javascript:void(0)"><i
											class="fa fa-check text-success"></i> This Is Another Link</a></li>
								</ul>
							</li>
						</ul>
					</div>
					</li>
					<!-- End Messages -->
			</ul>
			<!-- User profile and search -->
			<ul class="navbar-nav my-lg-0">

				<!-- Search -->
				<li class="nav-item hidden-sm-down search-box"><a
					class="nav-link hidden-sm-down text-muted  "
					href="javascript:void(0)"><i class="ti-search"></i></a>
					<form class="app-search">
						<input type="text" class="form-control" placeholder="在此搜索">
						<a class="srh-btn"><i class="ti-close"></i></a>
					</form></li>
				<!-- 签到 -->
				<c:if test="${competence ne 3}">
					<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle text-muted  " href="#" id="2"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
						<i class="fa fa-calendar"></i>
						<div class="notify">
							<span class="heartbit"></span> <span class="point"></span>
						</div>
				</a>
					<div
						class="dropdown-menu dropdown-menu-right mailbox animated zoomIn"
						aria-labelledby="2">
						<div class="card-body">
							<div class="year-calendar"></div>
						</div>

						<label
							style="color: #5c6270; text-align: center; margin: 15px 0 0 15px;">当前时间:<span
							id="current-time"></span></label>

						<button type="button"
							class="btn btn-danger btn-rounded m-b-0 m-l-5 qiantui"
							style="margin: 7px 15px 0 0; float: right;">签退</button>
						<button type="button" class="btn btn-info btn-rounded m-b-0 m-l-5 qiandao"
							style="margin: 7px 15px 0 0; float: right;">签到</button>
			               
					</div></li>
				</c:if>
				
				<!-- 点击头像 -->
				<li class="nav-item dropdown"><a
					class="nav-link dropdown-toggle text-muted  " href="#"
					data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
						src="${pageContext.request.contextPath}/images/users/5.jpg" alt="user" class="profile-pic" /></a>
					<div class="dropdown-menu dropdown-menu-right animated zoomIn">
						<ul class="dropdown-user">
							<li><a href="#"><i class="ti-user"></i> 功能1</a></li>
							<li><a href="#"><i class="ti-wallet"></i>功能2</a></li>
							<li><a href="#"><i class="ti-email"></i> 功能3</a></li>
							<li><a href="#"><i class="ti-settings"></i>功能4</a></li>
							<li><a href="#"><i class="fa fa-power-off"></i> 功能5</a></li>
						</ul>
					</div></li>
			</ul>
		</div>
	</nav>
</div>